<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%request.setCharacterEncoding("UTF-8"); %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'cqm_jianLi.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">
<!--
.STYLE2 {font-size: 12px}
.STYLE4 {font-size: 12px; color: #FF0000; }
.STYLE6 {
	font-size: 18px;
	color: #FF0000;
}
-->
</style>
  </head>
 
      <%int f=(Integer)session.getAttribute("geshu")+1;%>
<body>
<div  style=" height:55px;border:#FF0000 0px solid; margin:0px; background: url(imgs/top_bg.jpg);background-repeat:no-repeat;margin:0px 100px;">
<div align="right" style="margin:35px 55px auto; font-size:14px"><a href="index.jsp">首页</a></div>
</div>
<div style="font-size:12px;margin:0px 100px;"> <a href="./cqm_chaKan.jsp?qq='"+<%=session.getAttribute("loginname") %>>退出</a></div>
<div style="border:#66CCFF 2px solid; background-repeat:no-repeat;margin:0px 100px;width:975px; background-color:#F9F9F9">
<div class="STYLE6" style="border:#66CCFF 0px solid; background-color:#AC95EA; margin:1px 0px"align="center">
 个人简历
</div>


<div style="background-color:#E2F2F3; margin:-8px 10px 5px 10px">
  <form method="post" action="<%=basePath%>/servlet/CQM_JianLiServlet" name="form" onSubmit="return check()">
   <table  border="0" align="center">
    <tr>
       <td height="28" colspan="2" align="center"><strong>个人信息</strong></td>
       <td width="382">&nbsp;</td>
       <td width="33">&nbsp; </td>
       <td width="95" class="STYLE4">所有项为必填项</td>
     </tr>
    <tr>
      <td height="26" colspan="5"><img src="imgs/chrf301.gif" /></td>
      </tr>
    <tr>
      <td width="94" height="34">&nbsp;</td>
      <td width="84" height="34"><span class="STYLE2">姓名：</span></td>
      <td width="382"><input type="text" style="background-color: #F9F9FB; width:180px" name="name" id="name" /></td>
      <td width="33">&nbsp;</td>
      <td width="95">&nbsp; <input type="hidden" name="hidden" value="<%=f %>" ></td>
    </tr>
     <tr>
       <td height="39">&nbsp;</td>
       <td height="39"><span class="STYLE2">性别：</span></td>
       <td><input type="radio" checked="checked" value="男" name="sex" />
男
  <input type="radio" value="女" name="sex" />
  女</td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
     </tr>
     <tr>
       <td height="43">&nbsp;</td>
       <td height="43"><span class="STYLE2">工作城市:</span></td>
       <td><select id="sheng" name="sheng"  onchange="getArea(this.value,'shi')">
         <option value="1">请选择</option>
       </select>
         <select id="shi" name="shi"  onchange=" getArea(this.value,'xian')">
           <option value="1">请选择</option>
         </select>
         <select id="xian" name="xian">
           <option value="1">请选择</option>
         </select></td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
     </tr>
     <tr>
       <td height="40">&nbsp;</td>
       <td height="40"><span class="STYLE2">邮箱:</span></td>
       <td><input type="text" style="background-color: #F9F9FB;  width:180px" name="email"  id="email" />
        <span class="STYLE4">请填入正确的邮箱地址</span></td>
       <td><br /></td>
       <td>&nbsp;</td>
     </tr>
     <tr>
       <td height="42">&nbsp;</td>
       <td height="42"><span class="STYLE2">手机:</span></td>
       <td><input type="text" style="background-color:  #F9F9FB;" name="phone" id="phone" />
        <span class="STYLE4">手机号必须为11位</span></td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
     </tr>
     <tr>
       <td height="40">&nbsp;</td>
       <td height="40"><span class="STYLE2">住址:</span></td>
       <td><input type="text" style="width:260px;background-color: #F9F9FB;" name="zhuzhi" /></td>
       <td>&nbsp;</td>
       <td>&nbsp;</td>
     </tr>
     <tr>
       <td height="50" colspan="4" align="center"><input name="submit" type="submit" value="确定" /></td>
       <td>&nbsp;</td>
     </tr>
   </table>
   <br>
   <br>
   <br>
   <br>
  </form>
  </div>
   <div><img src="imgs/top_1.gif" /></div>
  <br>
  <div style="border:#000000 solid 0px; margin:5px">
<table  border="0" align="center">
  <tr>
    <td align="center"><span class="STYLE2">人才招聘 Email:xxx@qq.com　个人求职 Email:xxx@.com　或垂询100-4567-100</span></td>
  </tr>
  <tr>
    <td height="24" align="center"><span class="STYLE2">未经同意，不得转载本网站之所有招聘信息及作品 </span></td>
  </tr>
  <tr>
    <td align="center">   
      <span class="STYLE2"><span >客服工作时间：8：00——17：00</span></td>
  </tr>
  
  <tr>
    <td align="center"><img src="imgs/biaoshi.gif" /></td>
  </tr>
  <tr>
    <td align="center"><span class="STYLE2">4567工作网版权所有?2009-2019 </span></td>
  </tr>
   
</table>
</div>
  


  <div id="div" name="div"></div>
</div>
</body>
</html>
 
<script>
function check()
{
	
	var  name = document.getElementById('name').value;
	if(name=='')
	{
		alert("姓名不能为空");
		return false;
	}
	
	var sheng=document.getElementById('sheng').value;
	if(sheng==1){
	
	   alert("请选择省");
	   return false;
	
	  }
	 var shi=document.getElementById('shi').value;
	 if(shi==1){
	 alert("请选择市");
	 return false;
	 } 
	  var xian=document.getElementById('xian').value;
	 if(xian==1){
	 alert("请选择县");
	 return false;
	 } 
	var  email=document.getElementById('email').value;
	var email1 = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+[\.com|cn|org|edu|gov]+/; 
	if(!email1.exec(email))
	{
		alert("您输入的邮件地址不正确,请重新输入");
			return false;
	}
		
	var  name = document.getElementById('phone').value;
	var phone=/^[0-9]{11}$/
	
	if(!phone.exec(name))
	{
		alert("您输入的手机格式不正确,请重新输入");
			return false;
	}
	
	
	var  name = document.getElementById('zhuzhi').value;
	if(name=='')
	{
		alert("住址不能为空");
		return false;
	}
	
	
	
	

}	
	
</script>
<script src="./ajax.js"></script>
<script>
function getArea( id,area){
	var ajax = initAjax();
	ajax.open('get', '<%=basePath%>/servlet/CQM_AreaServlet?id='+id+'&r='+Math.random(), true);
	ajax.send(null);
	ajax.onreadystatechange = function(){
		if(ajax.readyState==4){
			   var d = document.getElementById(area);
			  
			         d.options.length =1;
			        var  ff = ajax.responseText;
			         var ss = ff.split(";");
			        for(var i=1;i<ss.length;i++){
			        var sss = ss[i].split(":");	
				 
			      
				  	var opt = new Option(sss[1], sss[0]);	
			if(window.ActiveXObject){
				d.add(opt);				
				}
			else{
				d.add(opt, null);
			}
				
			
				  
					
				
					
							
			}
		}
	}
}

 getArea( "" , "sheng");


</script>





